<template>

    <div class="top-bread">
        <el-breadcrumb separator=">">
            <el-breadcrumb-item v-for="item in $store.state.breadArr">
                {{item}}
            </el-breadcrumb-item>
        </el-breadcrumb>
    </div>

</template>

<script>

    export default {
        name: "TopBread",
        data(){
            return {
                breadList:this.$store.state.breadArr
            }
        },
        created() {

        }
    }
</script>

<style scoped lang="scss">
    .top-bread{
        height: 36px;
        padding-left: 20px;
        border-bottom: 1px solid #e8e8e8;
        .el-breadcrumb {
            line-height: 36px;
            .el-breadcrumb__inner {
                font-size: 14px;
                color: #0b2e13;
                font-weight: bold;
            }
        }

    }
</style>
